import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface SocialXCuteLiIconProps {
  width?: number
  height?: number
  color?: string
}

export const SocialXCuteLiIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: SocialXCuteLiIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M4.628 2.82c-.813.223-1.371 1.106-1.232 1.947.025.153.098.381.161.506.072.141 1.31 1.677 3.261 4.044 1.73 2.1 3.136 3.841 3.126 3.868-.011.028-1.258 1.466-2.772 3.195-1.514 1.73-2.785 3.21-2.826 3.289a.766.766 0 0 0 .079.76.985.985 0 0 0 .258.221c.175.089.473.09.658.001.104-.049.917-.951 2.868-3.181 1.498-1.712 2.736-3.108 2.752-3.101.016.006 1.05 1.253 2.298 2.771 1.249 1.518 2.371 2.865 2.496 2.993.474.49 1.209.888 1.904 1.031.516.107 1.398.105 1.747-.003 1.015-.315 1.516-1.492 1.037-2.434-.072-.141-1.307-1.673-3.261-4.044-1.73-2.099-3.136-3.84-3.126-3.868.011-.028 1.279-1.489 2.817-3.247 1.966-2.247 2.812-3.241 2.847-3.347.153-.466-.21-.981-.692-.981-.367 0-.283-.086-3.216 3.266-1.509 1.725-2.758 3.132-2.774 3.125a208.81 208.81 0 0 1-2.299-2.771c-1.248-1.518-2.37-2.865-2.494-2.993-.472-.489-1.208-.888-1.904-1.031-.436-.09-1.411-.099-1.713-.016m1.657 1.548c.314.117.584.27.783.444.11.097 11.513 13.902 11.963 14.483.112.145.113.281.004.39-.08.08-.114.084-.57.065-.383-.016-.542-.041-.755-.12a2.41 2.41 0 0 1-.885-.548C16.69 18.943 6.498 6.588 5.149 4.929c-.298-.367-.34-.513-.179-.63.143-.104.962-.061 1.315.069"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
